<template>
  <section class="convenient">
    <div class="title">便利生活</div>
    <iconswrap :iconsList="icons"></iconswrap>
    <div class="img">
      <img src="https://img12.360buyimg.com/jrpmobile/jfs/t24091/103/334342904/113413/13be9e7e/5b2c6e44N6ec010f7.jpg?width=1500&height=956" alt="">
    </div>
  </section>
</template>

<script>
import Iconswrap from '@/components/Iconswrap'
export default {
  name: 'Convenient',
  data () {
    return {
      icons: [
        {
          id: '001',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/11629/38/3882/11046/5c2343adEdffe019b/268dd718568f0ce2.png?width=120&height=120',
          discount: '',
          desc: '低价手机'
        },
        {
          id: '002',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/2912/35/8453/10948/5ba98db3E43593435/e8cd55fcebe851b2.png?width=120&height=120',
          discount: '',
          desc: '每日特惠'
        },
        {
          id: '003',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/2919/38/8573/9112/5ba98db9E3096b801/0520550e7994d3a4.png?width=120&height=120',
          discount: '',
          desc: '领钢镚'
        },
        {
          id: '004',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/5639/36/8328/9956/5ba98dc0Eda29abc6/27669c89e743fbda.png?width=120&height=120',
          discount: '',
          desc: '信用卡还款'
        },
        {
          id: '005',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t1/16479/16/11963/3089/5c939409E2091fe3d/27ec545b5d6cd0a2.png?width=120&height=120',
          discount: '',
          desc: '白条取现'
        }
      ]
    }
  },
  components: {
    Iconswrap
  }
}
</script>

<style lang="stylus" scoped>
  .convenient
    margin-bottom 132px
    .title
      height 112px
      display flex
      justify-content flex-start
      align-items center
      padding 0 30px
      font-size 36px
      font-weight 700
    .img
      display flex
      justify-content center
      img
        width 100%
        height 480px
</style>
